<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>回报设置</title>
<%
	pageContext.setAttribute("APP_PATH", request.getContextPath());
%>

	<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/>
    <link rel="stylesheet" href="css/base.css" type="text/css"/>
    <link rel="stylesheet" href="css/headbott.css" type="text/css"/>
    <link rel="stylesheet" href="css/index.css" type="text/css"/>
    <link rel="stylesheet" href="css/ly-list.css" type="text/css"/>
    <link rel="stylesheet" href="css/reg.css" type="text/css"/>
    <link rel="stylesheet" href="css/repay.css" type="text/css"/>
</head>
<body>
<div id="header">
    <div class="heade-con">
        <div class="logo"><a href=""><img src="images/LOGO.png"/></a></div>
        <div class="nav posa">
            <ul>
                <li><a href="index.jsp">首页</a></li>
                <li><a href="gyzc-list.jsp">公益众筹</a></li>
                <li><a href="cop.jsp">常见问题</a></li>
                <li><a href="ly-list.jsp">众筹资讯</a></li>
                <li><a class="vcolor" href="new_product.jsp" style="">发布项目</a></li>
            </ul>
        </div>
        <div class="search">
            <form action="">
                <input type="text" class="search-txt" value="" placeholder="找项目">
                <input type="submit" class="search-but" value="">
            </form>
        </div>
        <div class="index-login">

            <a href="login.jsp">登录</a>
            <span style="color: white;">|</span>
            <a href="reg.jsp">注册</a>

        </div>
    </div>
</div>
<!--中间-->
<div class="product">
    <!--头上表格-->
    <div class="product-table">
        <div class="product-left">
            <table class="table table-bordered">
                <tr class="text-center">
                    <td class="title-td"><a href="new_product.jsp">基本信息</a></td>
                    <td class="title-td"><a href="new_info.jsp">项目信息</a></td>
                    <td class="title-td"><a href="new_detail.jsp">详细描述</a></td>
                    <td class="active title-td"><a href="new_back.jsp">回报设置</a></td>
                </tr>
            </table>
        </div>
        <div class="product-right">
            <table class="table table-bordered">
                <tr class="text-center">
                    <td class="title-td">预览</td>
                </tr>

            </table>

        </div>
    </div>
    <!--下部foem表单-->
    <div class="product-form">
        <!--上标题-->
        <div class="product-title">
            <div class="my-h4">
                <h4>设置你的回报信息</h4>
            </div>
            <div class="btn-save">
                <button class="btn btn-default" id="save_drafts">保存草稿</button>
            </div>

        </div>
        <div class="clear"></div>
        <div class="return1">
        <hr>
        <!--描述项目-->
        <div class="product-title">
            <div class="my-h4">
                <h4><b>回报</b></h4>
            </div>
        </div>
        <hr>
        <form action="">
            <div class="my-form">
                <div class="back">
                    <b>回报类型：</b>
                    <label class="radio-inline">
                        <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value="1" checked /> <b>实物回报(回报需邮寄)</b>
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="optionsRadiosinline" id="optionsRadios4"  value="0" /> <b>虚拟回报(回报无需邮寄)</b>
                    </label>
                </div>
                <div class="back"><b>支持金额：</b><input class="input-mon" id="repay-money" placeholder="请输入需要用户支持的金额 ~" /><span></span></div>
                <div class="back"><b>具体规则：</b><input class="input-per" id="repay-rule" placeholder="请输入规则 ~" /></div>
                <div class="back"><b>回报内容：</b><div><textarea rows="3" id="repay-content" placeholder="请输入具体的内容吧 ~" ></textarea></div></div>
                <div class="back"><b>回报人数：</b><input class="input-num" id="repay-number" placeholder="请输入人数 ~" /><span></span></div>
                <div class="back"><b>回报时间：</b><input class="input-num" id="repay-time" placeholder="请输入时间 ~" /><span></span></div>
                <div class="clear"></div>
                <hr>
                <div class="text-center">
                	<button class="btn btn-default" id="repay_reset">重置</button>
                	<button class="btn btn-primary" id="repay_save">保存</button>
                </div>
            </div>
        </form>
        </div>
        <div class="other">
        </div>
        <div class="text-center">
        	<button type="button" class="btn btn-danger" id="repay_add_form">+继续添加新的回报</button>
        </div>
	</div>

</div>
<!--下部-->
<div id="bottom">
    <div class="bottom-ggt"><a href=""><img src="images/bottbom_68.jpg" alt=""/></a></div>
    <div class="zc-yqlink">
        <ul>
            <li><a href="">阿里巴巴集团</a></li>
            <li><a href="">淘宝网</a></li>
            <li><a href="">天猫</a></li>
            <li><a href="">聚划算</a></li>
            <li><a href="">全球速卖通</a></li>
            <li><a href="">阿里巴巴国际交易市场</a></li>
            <li><a href="">1688</a></li>
            <li><a href="">阿里妈妈</a></li>
            <li><a href="">阿里旅行</a></li>
            <li><a href="">阿里云计算</a></li>
            <li><a href="">阿里巴巴集团</a></li>
            <li><a href="">淘宝网</a></li>
            <li><a href="">天猫</a></li>
            <li><a href="">聚划算</a></li>
            <li><a href="">全球速卖通</a></li>
            <li><a href="">阿里巴巴国际交易市场</a></li>
            <li><a href="">1688</a></li>
            <li><a href="">阿里妈妈</a></li>
            <li><a href="">阿里云计算</a></li>
        </ul>
    </div>
    <div class="footer-bd">

        <a href=" ">关于淘宝</a>
        <a href=" ">合作伙伴</a>
        <a href=" ">营销中心</a>
        <a href=" ">廉正举报</a>
        <a href=" ">联系客服</a>
        <a href=" ">开放平台</a>
        <a href=" ">诚征英才</a>
        <a href=" ">联系我们</a>
        <a href=" ">网站地图</a>
        <a href=" ">法律声明</a>　　　
        <em>© 2003-2015 Taobao.com 版权所有</em><br>

        <br>
        <span>网络文化经营许可证：<a href=" ">浙网文[2013]0268-027号</a></span>
        <b>|</b>
        <span data-spm-protocol="i">增值电信业务经营许可证：<a href="">浙B2-20080224-1</a></span>
        <b>|</b>
        <span>信息网络传播视听节目许可证：1109364号</span>
        <b>|</b>
        <span>举报电话:0571-81683755</span>
    </div>
</div>

<script type="text/javascript" src="admin/js/jquery1.12.4.min.js" ></script>
<script type="text/javascript" src="admin/js/bootstrap.min.js" ></script>

<script type="text/javascript">

	$(function(){
		
	});
	
	$(document).on("click","#repay_add_form",function(){
		alert("5454");
		$(".product-title h4 b").text("回报1");
		var i = $(".product-title #1").val();
		add_form(i);
	});
	
	function add_form(i){
		alert(32154564);
		var titleDiv=$("<div class='product-title'></div>")
			.append($("<div class='my-h4'></div>").append($("<h4></h4>")
			.append($("<b></b>").append("回报"+i))));
		var clear1Div = $("<div class='clear'></div>");
		var hr1 = $("<hr>");
		var hr2 = $("<hr>");
		var hr3 = $("<hr>")
		var typeB = $("<b></b>").append("回报类型：");
		var label1 = $("<label  class='radio-inline'></label>").append($("<input type='radio' name='optionsRadiosinline' id='optionsRadios3' value='1' checked />"))
			.append($("<b></b>").append("实物回报(回报需邮寄)"));
		var label2 = $("<label  class='radio-inline'></label>").append($("<input type='radio' name='optionsRadiosinline' id='optionsRadios4' value='0' />"))
			.append($("<b></b>").append("虚拟回报(回报无需邮寄)"));
		var typeDiv = $("<div class='back'></div>").append(typeB).append(label1).append(label2);

		var moneyDiv = $("<div class='back'></div>").append($("<b></b>").append("支持金额："))
			.append($("<input class='input-mon' id='repay-money' placeholder='请输入需要用户支持的金额 ~' />"))
			.append($("<span></span>"));

		var ruleDiv = $("<div class='back'></div>").append($("<b></b>").append("具体规则："))
			.append($("<input class='input-mon' id='repay-rule' placeholder='请输入规则 ~' />"))
			.append($("<span></span>"));

		var contentDiv = $("<div class='back'></div>").append($("<b></b>").append("回报内容：")).append($("<div></div>")
			.append($("<textarea rows='3' id='repay-content' placeholder='请输入具体的内容吧 ~' ></textarea>"))
			.append($("<span></span>")));

		var numberDiv = $("<div class='back'></div>").append($("<b></b>").append("回报人数："))
			.append($("<input class='input-num' id='repay-number' placeholder='请输入人数 ~' />"))
			.append($("<span></span>"));

		var timeDiv = $("<div class='back'></div>").append($("<b></b>").append("回报时间："))
			.append($("<input class='input-num' id='repay-time' placeholder='请输入时间 ~' />"))
			.append($("<span></span>"));

		var clear2Div = $("<div class='clear'></div>");
		
		var resetbtn = $("<button type='button' class='btn btn-default' id='repay_reset'></button>").append("重置");
		
		var savebtn = $("<button type='button' class='btn btn-primary' id='repay_save'></button>").append("保存");
		
		var btnDiv = $("<div class='text-center'></div>").append(resetbtn).append(savebtn);
		
		var formDiv = $("<div class='my-form'></div>").append(typeDiv).append(moneyDiv).append(ruleDiv).append(contentDiv).append(numberDiv)
			.append(timeDiv).append(clear2Div).append(hr1).append(btnDiv);
		
		var form = $("<form action='#'></form>").append(formDiv);
		
		$("<div></div>").addClass(i)
						.append(hr2)
						.append(titleDiv)
			  			.append(clear1Div)
			  			.append(hr3)
			  			.append(form)
			  			.appendTo(".product-form .other");
	}

</script>
</body>
</html>